<!DOCTYPE html>
<html lang="zh-CN" style="background-color: #fff;">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="referrer" content="no-referrer" />
    <link rel="icon" href="/favicon.ico" />
    <title>大连印山官网</title>
    <link rel="stylesheet" href="./assets/style.css" />
  </head>
  <body>
    <div class="mobile mobile-login-index">
      <div class="nut-navbar">
        <div class="nav-left">
          <div class="back"><i class="back-icon" id="back"></i></div> 
        </div> 
        <div class="nav-center">
          <h3 class="nav-title">Forgot password</h3>
        </div> 
        <div class="nav-right" style="display: none;"> 
          <div class="more"><i class="more-icon"></i></div>
        </div>
      </div>
      <div class="login-box" style="margin-bottom:120px;border-bottom: 20px solid #f5f5f5;">
        <div class="login-item">
          <div class="item-list">
            <p class="list-title">
              <span class="title-icon">*</span>
              Email
            </p>
            <form class="nut-textinput">
              <input type="text" placeholder="Please enter your Email" style="outline: none;">
              <span style="margin-left:30px; color: #409eff; font-size: 16px;">Get Code</span>
            </form>
            <p style="font-size: 12px;margin-top: 10px;">If you don't receive the verification code, please check if the email is in your junk folder or spam list. You can also contact our consultant to get help. Email: 
              <a href="mailto:eduprchinacom@gmail.com">eduprchinacom@gmail.com</a> 
              WeChat: eduprchina01
            </p>
          </div>
          <div class="item-list">
            <p class="list-title">
              <span class="title-icon">*</span>
              Verification code
            </p>
            <form class="nut-textinput">
              <input type="text" placeholder="Please enter Verification code" style="outline: none;">
            </form>
          </div>
          <div class="item-list">
            <p class="list-title">
              <span class="title-icon">*</span>
              New Password
            </p>
            <form class="nut-textinput">
              <input type="text" placeholder="Please enter new password" style="outline: none;">
            </form>
          </div>
          <div class="item-list">
            <p class="list-title">
              <span class="title-icon">*</span>
              Confirm Password
            </p>
            <form class="nut-textinput">
              <input type="text" placeholder="Please er-enter your password" style="outline: none;">
            </form>
          </div>
        </div>
        
      </div>
      <div class="bottom-box" style="padding: 10px 0 50px 0;">
        <div class="bottom-btn">Forgot password</div>
      </div>
      <div class="log-box" style="bottom: -4px;">
        <div class="mobile-login" id="login" style="padding: 2px 44px;">
          <img width="32" src="./assets/images/login.png">
          Log in
        </div>
        <div class="mobile-signup" id="signup" style="padding: 2px 44px;">
          <img width="26" src="./assets/images/reg.png">
          Sign Up
        </div>
      </div>
    </div>
  </body>
  <script>
    document.getElementById('back').addEventListener('click', function () {
      window.history.go(-1)
    })
    document.getElementById('login').addEventListener('click', function () {
      window.location.href = './mobile-login.html'
    })
    document.getElementById('signup').addEventListener('click', function () {
      window.location.href = './mobile-signup.html'
    })
  </script>